.indexBanner{
	width: 100%;
}
.indexBanner h1{
	font-size: 50px;
	text-align: center;
	line-height: 200px;
}
.sm-ad{
	overflow: hidden;
	position: relative;
}
.sm-ad img{
	width: 100%;
	cursor: pointer;
}
.sm-ad span{
	position: absolute;
	left: -338px;
	top: -35px;
	width: 200%;
	height: 10px;
	background:linear-gradient(to top,rgba(255,255,255,.3),rgba(255,255,255,0));
	transform: rotateZ(-45deg);
}
.sm-ad:hover span{
	left: 0;
	top: 230px;
	transition: all .5s linear;
}
.indexContent{
	width: 100%;
}
.indexContent .row{
	margin-right: 0;
	margin-left: 0;
}
/*内容标题*/
.contTit{
	width: 100%;
	overflow: hidden;
	margin: 20px 0;
}
.contTit span{
	float: left;
	width: 40%;
	height: 2px;
	background: #333;
	margin-top: 14px;
}
.contTit h1{
	width: 20%;
	float: left;
	height: 30px;
	background: #fff;
	font-size: 22px;
	text-align: center;
}
.indexContent .container .row .col-md-4{
	margin-bottom: 20px;
	overflow: hidden;
}
.contImg{
	position: relative;
	overflow: hidden;
}
.contImg img{
	width: 100%;
	cursor: pointer;
}
/*移动端商品详情*/
.mobileMessage{
	font-size: 14px;
	text-align: center;
}
.mobileMessage>p:first-child{
	width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 10px auto;
}
.mobileMessage>p:nth-child(2){
	width: 250px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0px auto;
}
.priceAndBtn{
	overflow: hidden;
}
.priceAndBtn span{
	float: left;
	height: 30px;
	line-height: 30px;
	margin: 10px 0 0 10px;
	font-size: 16px;
	font-weight: bold;
	color: #6198DB;
}
.priceAndBtn>a{
	float: right;
	width: 100px;
	height: 30px;
	text-align: center;
	color: #fff;
	background-color: rgba(95,151,220,.8);
	line-height: 30px;
	font-size: 12px;
	margin: 10px 0 0 0;
}
.priceAndBtn>a:hover{
	background-color: #6198DB;
}
.leftCover,.rightCover{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.6);
	position: absolute;
	left: -100%;
	top: 0;
	transition: all .2s linear;
	cursor: pointer;
}
.rightCover{
	left: 100%;
}
.contImg:hover .leftCover{
	left:-50%;
}
.contImg:hover .rightCover{
	left:50%;
}
.shopMessage{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	display: none;
}
.shopMessage a{
	color: #fff;
}
.shopName{
	width: 170px;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 40% auto 10px;
	text-align: center;	
}
.shopItem{
	width: 240px;
	margin: 0 auto;
	text-align: center;	
}
.contImg:hover .shopMessage{
	display: block;
}
.big-ad{
	margin: 20px 0;
	overflow: hidden;
}
.big-ad img{
	width: 100%;
}
.big-ad span{
	position: absolute;
	left: -546px;
	top: -35px;
	width: 200%;
	height: 10px;
	background:linear-gradient(to top,rgba(255,255,255,.3),rgba(255,255,255,0));
	transform: rotateZ(-45deg);
}
.big-ad:hover span{
	left: 0;
	top: 280px;
	transition: all .5s linear;
}


/*轮播*/
.indexBanner{
	width: 100%;
	overflow: hidden;
	position: relative;
}
#banner{
	width: 10000px;
	position: absolute;
}
#banner li{
	float: left;
}
#banner li img{
	/*width: 100%;*/
}
.leftBtn,.rightBtn{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	line-height: 50px;
	top:46%;
	background: rgba(0,0,0,.6);
	cursor: pointer;
	color: #fff;
	font-size: 16px;
}
.leftBtn{
	left: 20px;
}
.rightBtn{
	right:20px;
}
.leftBtn:hover,.rightBtn:hover{
	background:rgba(0,0,0,.8) ;
}
#circle{
	width: 100px;
	height: 10px;
	position: relative;
	margin: 0 auto;
	top: 86%;
}
#circle>li{
	float: left;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: gray;
	margin-right: 10px;
	cursor: pointer;
}
#circle .circleCurrent{
	background: orange;
}
@media only screen and (min-width:768px) and (max-width:992px){
	.indexContent .container .row>div>div:nth-child(4){
		display: none;
	}
}
@media only screen and (max-width: 768px) {
	.leftBtn,.rightBtn{
		display: none;
	}
}
@media only screen and (max-width: 500px) {
	.indexBanner{
		min-height: 180px;
	}
	.indexBanner img{
		height: 180px;
	}
	
}